<article class="black card">
  <div class="image">
    <div class="ui dimmer">
      <div class="content">
        <div class="center">
          <div class="display-content">
            <a href="{{ .Permalink }}">
              <h2 class="ui header" style="color: white;">{{ .Title }}</h2>
            </a>
            <p style="padding: 5px;">{{ .Summary | plainify | htmlUnescape }}</p>
            <p>@ {{ if isset .Params "author" }}{{ .Params.author }}{{ else }}{{ .Site.Params.author }}{{ end }}</p>
          </div>
          <div class="ui top right attached black label">{{ .ReadingTime }} min read</div>
          <div class="ui bottom left attached black label">{{ .Date.Format "Jan 2, 2006" }}</div>
        </div>
      </div>
    </div>
    {{ if isset .Params "cover" }}
    <img src="{{ .Params.cover }}" alt="{{ .Title }}">
    {{ else }}
    <img src="/img/default{{ index (shuffle (seq 1 6)) 0 }}.jpg" alt="{{ .Title }}">
    {{ end }}
  </div>
</article>
